<!DOCTYPE html>
<html xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<meta charset="utf-8">
	<title>首页--layui后台管理模板 2.0</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="/static/layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="/static/css/public.css" media="all" />
	<link rel="stylesheet" href="/static/css/admin.css" media="all" />
	<script type="text/javascript" src="/static/js/echarts/echarts.js"></script>
	<script type="text/javascript" src="/static/js/jquery.1.12.1.min.js"></script>
	<script type="text/javascript" src="/static/js/util/jsutil.js"></script>
	<script type="text/javascript" src="/static/js/util/postUrl.js"></script>
</head>
<body class="childrenBody">
	<!--<blockquote class="layui-elem-quote layui-bg-green">
		<div id="nowTime"><shiro:principal property="userName" /></div>
	</blockquote>
	<div class="layui-row layui-col-space10 panel_box" shiro:hasRole="admin">
		<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg3">
			<a href="javascript:;" data-url="https://fly.layui.com/case/u/23248176" target="_blank">
				<div class="panel_icon layui-bg-green">
					<i class="layui-anim seraph icon-good"></i>
				</div>
				<div class="panel_word">
					<span>为我点赞</span>
					<cite>点赞地址</cite>
				</div>
			</a>
		</div>
		<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg3">
			<a href="javascript:;" data-url="https://gitee.com/xieke90/common-admin" target="_blank">
				<div class="panel_icon layui-bg-red">
					<i class="layui-anim seraph icon-oschina"></i>
				</div>
				<div class="panel_word">
					<span>码云</span>
					<cite>源码下载</cite>
				</div>
			</a>
		</div>
		<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg3">
			<a href="javascript:;" data-url="/user/list.html">
				<div class="panel_icon layui-bg-orange">
					<i class="layui-anim seraph icon-icon10"></i>
				</div>
				<div class="panel_word userAll">
					<span></span>
					<em>用户总数</em>
					<cite class="layui-hide">用户中心</cite>
				</div>
			</a>
		</div>
		<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg3">
			<a href="javascript:;" data-url="/icon/icons.html">
				<div class="panel_icon layui-bg-cyan">
					<i class="layui-anim layui-icon">&#xe857;</i>
				</div>
				<div class="panel_word outIcons">
					<span></span>
					<em>外部图标</em>
					<cite class="layui-hide">图标管理</cite>
				</div>
			</a>
		</div>
	</div>
	<blockquote class="layui-elem-quote main_btn">
		<p>本系统模板采用layuiCMS2.0，基于Layui2.*实现，支持除LayIM外所有的Layui组件。<a href="http://layim.layui.com/#getAuth" target="_blank" class="layui-btn layui-btn-xs">获取LayIM授权</a>　layui开发文档地址：<a class="layui-btn layui-btn-xs layui-btn-danger" target="_blank" href="http://www.layui.com/doc">layui文档</a> 技术交流QQ群：<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=f6c427d727e544360daa26d49e90aeac6b010109a766c530a1cff10c30f1a158"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="Java技术社区" title="Java技术社区"></a></p>
		<p class="layui-red">郑重提示：本系统模版来源于互联网，仅供学习交流使用，如需用作商业用途，请联系原作者购买！</p>
		<p>注：应广大朋友要求，现整理出一个精简版，去掉了分布式部署（ zookeeper、dubbo），基于springboot、mybatisplus、shiro、log4j、layuicms2.0、mysql5.6、redis、jdk1.8开发而成，具备完整的权限管理功能，代码简洁，容易入门，方便您进行二次开发，节省开发时间，快速构建企业级的web应用系统。</p>
		<p class="layui-blue">PS：本人技术有限，有问题的地方请指正，谢谢大家！同时诚邀志同道合的朋友加入一道为开源做贡献！开源开发QQ群：<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=4503c22b19d787af5f6e11f5d04904c833829cbb993667fa3ef9c9a266954046"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="专注开源开发" title="专注开源开发"></a></p>
	</blockquote>
	<script type="text/javascript" src="/static/layui/layui.js"></script>
	<script type="text/javascript" src="/static/js/main.js"></script>-->
	<div class="layui-fluid">
		<div class="layui-row layui-col-space15">
			<div class="layui-col-md8">
				<div class="layui-row layui-col-space15">
					<div class="layui-col-md6">
						<div class="layui-card">
							<div class="layui-card-header">快捷方式</div>
							<div class="layui-card-body">

								<div class="layui-carousel layadmin-carousel layadmin-shortcut" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
									<div carousel-item="">
										<ul class="layui-row layui-col-space10 layui-this">
											<li class="layui-col-xs3">
												<a lay-href="home/homepage1.html">
													<i class="layui-icon layui-icon-console"></i>
													<cite>主页一</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a lay-href="home/homepage2.html">
													<i class="layui-icon layui-icon-chart"></i>
													<cite>主页二</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a lay-href="component/layer/list.html">
													<i class="layui-icon layui-icon-template-1"></i>
													<cite>弹层</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a layadmin-event="im">
													<i class="layui-icon layui-icon-chat"></i>
													<cite>聊天</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a lay-href="component/progress/index.html">
													<i class="layui-icon layui-icon-find-fill"></i>
													<cite>进度条</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a lay-href="app/workorder/list.html">
													<i class="layui-icon layui-icon-survey"></i>
													<cite>工单</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a lay-href="user/user/list.html">
													<i class="layui-icon layui-icon-user"></i>
													<cite>用户</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a lay-href="set/system/website.html">
													<i class="layui-icon layui-icon-set"></i>
													<cite>设置</cite>
												</a>
											</li>
										</ul>
										<ul class="layui-row layui-col-space10">
											<li class="layui-col-xs3">
												<a lay-href="set/user/info.html">
													<i class="layui-icon layui-icon-set"></i>
													<cite>我的资料</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a lay-href="set/user/info.html">
													<i class="layui-icon layui-icon-set"></i>
													<cite>我的资料</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a lay-href="set/user/info.html">
													<i class="layui-icon layui-icon-set"></i>
													<cite>我的资料</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a lay-href="set/user/info.html">
													<i class="layui-icon layui-icon-set"></i>
													<cite>我的资料</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a lay-href="set/user/info.html">
													<i class="layui-icon layui-icon-set"></i>
													<cite>我的资料</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a lay-href="set/user/info.html">
													<i class="layui-icon layui-icon-set"></i>
													<cite>我的资料</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a lay-href="set/user/info.html">
													<i class="layui-icon layui-icon-set"></i>
													<cite>我的资料</cite>
												</a>
											</li>
											<li class="layui-col-xs3">
												<a lay-href="set/user/info.html">
													<i class="layui-icon layui-icon-set"></i>
													<cite>我的资料</cite>
												</a>
											</li>
										</ul>

									</div>
									<div class="layui-carousel-ind"><ul><li class="layui-this"></li><li class=""></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>

							</div>
						</div>
					</div>
					<div class="layui-col-md6">
						<div class="layui-card">
							<div class="layui-card-header">待办事项</div>
							<div class="layui-card-body">

								<div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim="" lay-indicator="inside" lay-arrow="none" style="width: 100%; height: 280px;">
									<div carousel-item="">
										<ul class="layui-row layui-col-space10 layui-this">
											<li class="layui-col-xs6">
												<a lay-href="app/content/comment.html" class="layadmin-backlog-body">
													<h3>待审评论</h3>
													<p><cite>66</cite></p>
												</a>
											</li>
											<li class="layui-col-xs6">
												<a lay-href="app/forum/list.html" class="layadmin-backlog-body">
													<h3>待审帖子</h3>
													<p><cite>12</cite></p>
												</a>
											</li>
											<li class="layui-col-xs6">
												<a lay-href="template/goodslist.html" class="layadmin-backlog-body">
													<h3>待审商品</h3>
													<p><cite>99</cite></p>
												</a>
											</li>
											<li class="layui-col-xs6">
												<a href="javascript:;" onclick="layer.tips('不跳转', this, {tips: 3});" class="layadmin-backlog-body">
													<h3>待发货</h3>
													<p><cite>20</cite></p>
												</a>
											</li>
										</ul>
										<ul class="layui-row layui-col-space10">
											<li class="layui-col-xs6">
												<a href="javascript:;" class="layadmin-backlog-body">
													<h3>待审友情链接</h3>
													<p><cite style="color: #FF5722;">5</cite></p>
												</a>
											</li>
										</ul>
									</div>
									<div class="layui-carousel-ind"><ul><li class="layui-this"></li><li></li></ul></div><button class="layui-icon layui-carousel-arrow" lay-type="sub"></button><button class="layui-icon layui-carousel-arrow" lay-type="add"></button></div>
							</div>
						</div>
					</div>
					<div class="layui-col-md12">
						<div class="layui-card">
							<div class="layui-card-header">数据概览</div>
							<div class="layui-card-body">
								<div id="body" style="width: 100%;height:300px;"></div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="layui-col-md4">
				<div class="layui-card">
					<div class="layui-card-header">版本信息</div>
					<div class="layui-card-body layui-text">
						<table class="layui-table">
							<colgroup>
								<col width="100">
								<col>
							</colgroup>
							<tbody>
							<tr>
								<td>当前版本</td>
								<td>
									v1.0.1
								</td>
							</tr>
							<tr>
								<td>基于框架</td>
								<td>
									layui-v2.4.5
								</td>
							</tr>
							<tr>
								<td>主要内容</td>
								<td>图片上传分开保存</td>
							</tr>
							<tr>
								<td>主要目的</td>
								<td style="padding-bottom: 0;">
									<div class="layui-btn-container">
										<a href="" target="_blank" class="layui-btn layui-btn-danger">用于视图展示和分析各种数据</a>
										<!--<a href="" target="_blank" class="layui-btn">用于分析各种数据</a>-->
									</div>
								</td>
							</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="layui-card">
					<div class="layui-card-header">效果报告</div>
					<div class="layui-card-body layadmin-takerates">
						<div id="main" style="width: 100%;height:310px;"></div>
					</div>
				</div>
			</div>


		</div>
	</div>
	<script>
        var myChart = echarts.init(document.getElementById('body'));
        var dataJG=[];
        HttpUtil.post(HttpUrl.baseUrl+"/chat/homeChart", {}, function(data){
            $.each(data.data,function(e,val){
                dataJG.push(val.name);
            });
            console.info(dataJG);
            var app = {};
            option = {
                title : {
                    text: '各个社区体检人数展示',
                    x: 'center'
                },
                tooltip: {
                    trigger: 'item',
                    formatter: "{a} <br/>{b} : {c} ({d}%)"
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    data: dataJG
                },
                series : [
                    {
                        name: '来源',
                        type: 'pie',
                        radius : '55%',
                        center: ['50%', '60%'],
                        data:data.data,
                        itemStyle: {
                            emphasis: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }
                ]
            };
            app.currentIndex = -1;
            setInterval(function () {
                var dataLen = option.series[0].data.length;
                // 取消之前高亮的图形
                myChart.dispatchAction({
                    type: 'downplay',
                    seriesIndex: 0,
                    dataIndex: app.currentIndex
                });
                app.currentIndex = (app.currentIndex + 1) % dataLen;
                // 高亮当前图形
                myChart.dispatchAction({
                    type: 'highlight',
                    seriesIndex: 0,
                    dataIndex: app.currentIndex
                });
                // 显示 tooltip
                myChart.dispatchAction({
                    type: 'showTip',
                    seriesIndex: 0,
                    dataIndex: app.currentIndex
                });
            }, 1000);
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
        },false);
	</script>
	<script>
        var myBody = echarts.init(document.getElementById('main'));
        var app = {};
        var bodyJG=[];
        var bodyRS=[];
        HttpUtil.post(HttpUrl.baseUrl+"/chat/homeChart", {}, function(data){
            $.each(data.data,function(e,val){
                bodyJG.push(val.name);
                bodyRS.push(val.value);
                app.title = '坐标轴刻度与标签对齐';
                option = {
                    color: ['#3398DB'],
                    tooltip : {
                        trigger: 'axis',
                        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                        }
                    },
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '3%',
                        containLabel: true
                    },
                    xAxis : [
                        {
                            type : 'category',
                            data : bodyJG,
                            axisTick: {
                                alignWithLabel: true
                            }
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value'
                        }
                    ],
                    series : [
                        {
                            name:'直接访问',
                            type:'bar',
                            barWidth: '60%',
                            data:bodyRS
                        }
                    ]
                };
                myBody.setOption(option);
            });
        });
	</script>
</body>
</html>